<!doctype html>
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<html>
<head>
	<title>Order - Laundry Box</title>
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="shortcut icon" href="#">

<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/colors.css">
	<link rel="stylesheet" href="css/jquery.tipsy.css">
	<link rel="stylesheet" href="css/jquery.wysiwyg.css">
	<link rel="stylesheet" href="css/jquery.datatables.css">
	<link rel="stylesheet" href="css/jquery.nyromodal.css">
	<link rel="stylesheet" href="css/jquery.datepicker.css">
	<link rel="stylesheet" href="css/jquery.fileinput.css">
	<link rel="stylesheet" href="css/jquery.fullcalendar.css">
	<link rel="stylesheet" href="css/jquery.visualize.css">

<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/reCopy.js"></script>
<script type="text/javascript">
$(function(){
  var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>';
$('a.add').relCopy({ append: removeLink});	
});
</script>

</head>

<body>

	<!-- Fixed Layout Wrapper -->
	<div class="fixed-wraper">

	<?php 
		$current = 54;
		include('module/leftside.php');
	?>
	
	<!-- Main Content -->
	<section role="main">
	
		
		<!-- Breadcumbs -->
		<ul id="breadcrumbs">
			<li><a href="#" title="Back to Homepage">Back to Home</a></li>
			<li><a href="#">Admin Panel</a></li>
			<li><a href="#">Order</a></li>
			<li><a href="#">New Order</a></li>
			<li>Current Page</li>
		</ul>
		<!-- /Breadcumbs -->
		
		<!-- Full Content Block -->
		<!-- Note that only 1st article need clearfix class for clearing -->
		<article class="full-block clearfix">
		
			<!-- Article Container for safe floating -->
			<div class="article-container">
			
				<!-- Article Header -->
				<header>
					<h2>Laundry Box Admin Panel</h2>
					<!-- Article Header Tab Navigation -->
					<nav>
						<ul class="tab-switch">
							<li><a class="default-tab" href="#tab0" rel="tooltip" title="Switch to next tab">Graphs</a></li>
							<li><a href="#tab1" rel="tooltip" title="Switch to next tab">Basic Typo</a></li>
							<li><a href="#tab2" rel="tooltip" title="Switch to next tab">Table and form</a></li>
						</ul>
					</nav>
					<!-- /Article Header Tab Navigation -->
				</header>
				<!-- /Article Header -->
				
				<!-- Article Content -->
				<section>
				
					<!-- Tab Content #tab0 -->
					<div class="tab default-tab" id="tab0">
						<h3>New Order</h3>
   <form action="order.php" method="post">
								<!-- Inputs -->
								<!-- Use class .small, .medium or .large for predefined size -->
								<fieldset>
									<legend>Order Form</legend>
									<dl>
										
										<dt>
											<label>Item 01</label>
										</dt>
										<dd>
											<p class="clone"><input type="text" class="input" name="hobby[]">
											<select name="status_a">
												<option selected>Choose an action</option>
												<option value="1">Normal Wash</option>
												<option value="2">Dry Clean</option>
												<option value="3">Iron</option>
											</select>
											</p>
										</dd>
										
										<dt>
											<label> </label>
										</dt>
										<dd>
											<p>&nbsp;<p><a href="#" class="add" rel=".clone">Add More</a></p>
										</dd>
										<dt>
											<label>Remarks</label>
										</dt>
										<dd>
											<!-- Use class .wysiwyg for jQuery jWYSIWYG initiation -->
											<textarea rows="5" cols="40" class="wysiwyg large">Under Construction</textarea>
											<p>Short description of event</p>
										</dd>
									</dl>
								</fieldset>
								<fieldset>
									<legend>Asign To</legend>
									<dl>
										<dt><label>Asign User</label></dt>
										<dd>
											<select name="asign">
												<option selected>Choose a user</option>
												<option value="1">Rose</option>
												<option value="2">Ali</option>
												<option value="3">Daniel</option>
											</select>
										</dd>
									</dl>
								</fieldset>
								<input type="text" hidden="hidden" name="submit-form" value="Create"/>
								<button type="submit">Submit</button> or <a href="#">Cancel</a>
							</form>
</body>
</html>
